What are the entry points?
the 'entry point' is the starting point for building your application's JavaScript bundle. It defines which files Webpack should use as the root or main files from which it will begin its dependency analysis and build process.
there are multiple ways to define the entry property in your webpack configuration.
Single Entry (Shorthand) Syntax
multi-main entry syntax
Object Syntax
Single Entry (The Default): Used primarily for Single Page Applications (SPAs). If you don't specify anything, Webpack defaults to ./src/index.js.
Array Entry (Multi-Main Entry) Used when you want to inject multiple independent files together into a single bundle.
Object Entry (The 'Scalable' Way) This is the most flexible approach. It allows you to create multiple bundles for different parts of your app (e.g., a 'Main' app and an 'Admin' panel).